/*********************
*
*	Telefone
*
*********************/

var contador 

/* 
 * Memora: Execução ao renderizar a página
 */
jQuery(function($) {
	renderizaJQ();
	contador = 0;
});

/* 
 * Memora: Adiciona novos campos para cadastro de telefone
 */
function adicionarTelefone(){

	contador++;

	var html = 	"<div id=\"grupo_telefone_"+contador+"\" class=\"row show-grid\">"+
						"<div class=\"col-md-12\">"+
							"<div class=\"form-group fieldcontain\">"+
							    "<div style=\"float: left; margin-right: 5px;\">"+
							        "<div class=\"input-group\" style=\"width: 180px;\">"+
									    "<div class=\"input-group-addon\">"+
									        "<i class=\"fa fa-phone\"></i>"+
									    "</div>"+
									    "<input type=\"text\" name=\"numeroTelefone\" class=\"form-control\" phone-mask=\"\" placeholder=\"(00) 0 0000-0000\"/>"+
									"</div>"+
							    "</div>"+
							    "<div style=\"float: left; margin-right: 5px;\">"+
							        "<select class=\"form-control\" name=\"descricaoNumero\" style=\"width: 120px;\">"+
										"<option value=\"Celular\">Celular</option>"+
										"<option value=\"Residencial\">Residencial</option>"+
										"<option value=\"Comercial\">Comercial</option>"+
										"<option value=\"Empresarial\">Empresarial</option>"+
										"<option value=\"Outros\">Outros</option>"+
									"</select>"+
							    "</div>"+
							     "<div>"+
							    	"<a id=\"remove_grupo_telefone_"+contador+"\" class=\"btn btn-app-memora\" onclick=\"javascript:removeTelefone(this.id);\">"+
							            "<i class=\"fa fa-times\"></i> "+
							        "</a>"+
							    "</div>"+
							"</div>"+
						"</div>"+
					"</div>";

	$("#novosTelefones").append(html);

	renderizaJQ();
};

/* 
 * Memora: Remove os campos de telefone adicionados
 */
function removeTelefone(id){
	
	id = id.substr(22,id.length);

	var element = document.getElementById("grupo_telefone_"+id);
	    element.parentNode.removeChild(element);
};

/* 
 * Memora: Renderiza os comportamentos das máscaras
 */
function renderizaJQ(){
	// Mask Input
    jQuery("[data-mask]").mask("99/99/9999");

    jQuery("[phone-mask]").mask("(99) 9999-9999?9");
    jQuery("[phone-mask]").on("blur", function() {

        var last = $(this).val().substr( $(this).val().indexOf("-") + 1 );

        if( last.length == 5 ) {
            var numero =  $(this).val().replace("-", "");
            numero = numero.substr(0, 6)+" "+numero.substr(6, 4)+"-"+numero.substr(10, 4);
            $(this).val(numero);
        }
    });
}